// 1.获取大复选框
const CheckAll=document.querySelector('#CheckAll')
// 2.获取所有的小复选框
const cks=document.querySelectorAll('.ck')
// 3.点击大复选框
CheckAll.addEventListener('click',function(){
    // 得到当前大复选框的选中状态
    // console.log(CheckAll.checked);  //得到是true 或者是 false
    // 4.遍历所有的小复选框 让小复选框的checked = 大复选框的 checked
    for(let i=0;i<cks.length;i++){
        cks[i].checked=CheckAll.checked
    }
})
// 5.小复选框控制大复选框
for(let i=0;i<cks.length;i++){
    // 5.1给所有的小复选框添加点击事件
    cks[i].addEventListener('click',function(){
        // 判断选中的小复选框个数 是不是等于 总的小复选框个数
        // 一定要写到点击里面，因为每次要获得最新的个数
        // console.log(document.querySelectorAll('.ck:checked').length);
        // console.log(document.querySelectorAll('.ck:checked').length===cks.length);
        CheckAll.checked=document.querySelectorAll('.ck:checked').length===cks.length;
    })
}